<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Com.Mathphoenix.MapApps.NerdDinner.Models.Dinner>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Dinner:
    <%=Html.Encode(Model.Title) %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <script src="<%=Request.ApplicationPath +"/Scripts/MicrosoftAjax.js"%>" type="text/javascript"></script>

    <script src="<%=Request.ApplicationPath+"/Scripts/MicrosoftMvcAjax.js" %>" type="text/javascript"></script>

    <script type="text/javascript">
        function AnimateRSVPMessage() {
            $("#rsvpmsg").animate({ fontSize: "1.5em" }, 400);
        }
    </script>

    <div id="dinnerDiv">
        <h2>
            <%=Html.Encode(Model.Title) %></h2>
        <p>
            <strong>When:</strong>
            <%=Model.EventDate.ToShortDateString() %>
            <strong>@</strong>
            <%=Model.EventDate.ToShortTimeString() %>
        </p>
        <p>
            <strong>Where:</strong>
            <%=Html.Encode(Model.Address) %>
            <%=Html.Encode(Model.Country) %>
        </p>
        <p>
            <strong>Description:</strong>
            <%=Html.Encode(Model.Description) %>
        </p>
        <p>
            <strong>Organizer:</strong>
            <%=Html.Encode(Model.HostedBy) %>
            (<%=Html.Encode(Model.ContactPhone) %>)
        </p>
        <%Html.RenderPartial("RSVPStatus"); %>
        <%Html.RenderPartial("EditAndDeleteLinks"); %>
    </div>
    <div id="mapDiv">
        <%Html.RenderPartial("Map"); %>
    </div>
</asp:Content>
